<div class="blue_horz"></div>
<div class="container">
    <div style="float:left;margin-right:12px;">
        <a title="<?php echo $lang['btn_login'] ?>" href="<?php echo site_url('authenticate/login') ?>" class="large greybutton"><span style="color: #000;"><?php echo $lang['btn_login'] ?></span></a>
    </div>
    <div style="float:left;margin-right:12px;">
        <a title="<?php echo $lang['text_register'] ?>" href="<?php echo site_url('authenticate/register') ?>" class="large mybutton"><?php echo $lang['btn_register'] ?></a>
    </div>
    <div style="float:left; margin-top:-5px; width:465px;">
        <div style="color:#CC0000; font-size:18px; font-weight:bold;"><?php echo $lang['text_mutiljob'] ?></div>
        <span style="color:#CC0000; font-size:15px; font-weight:bold;">»</span><b> <?php echo $lang['text_received_email'] ?></b>
        <span style="color:#CC0000; font-size:15px; font-weight:bold; padding-left:10px;">»</span><b> <?php echo $lang['text_recruitment_easy'] ?></b>
    </div>
    <a title="" href="#"><img border="0" align="right" height="36" width="131" src="#" style="float:right;"></a>
    <div class="clear"></div>
    <div class="search_bg">
        <div style="float:left; width:930px;">
            <form name="frmSearch" id="frmSearch" method="get" action="#">
                <div title="<?php echo sprintf($lang['fild_all_jobs'], 5200) ?>" class="px14 dark_background" style="padding-bottom:3px;">
                    <a href="#"><u><b><?php echo sprintf($lang['fild_all_jobs'], 5200) ?></b></u></a>
                </div>
                <div id="qsKey">
                    <input type="text" class="input ac_input blur" id="key" name="key" title="<?php echo $lang['text_input_find'] ?>" placeholder="<?php echo $lang['text_input_find'] ?>" value="" style="width:270px;" autocomplete="off">&nbsp;
                </div>
                <div id="qsLoc">
                    <select id="location" name="location">
                        <option value=""><?php echo $lang['text_select_location'] ?></option>
                        <optgroup label="<?php echo $lang['text_top_city']; ?>">
                            <?php foreach ($top_zones as $zone) { ?>
                                <option class="opt-indent" value="<?php echo $zone->zone_id ?>"><?php echo $zone->name ?></option>
                            <?php } ?>
                        </optgroup>
                        <optgroup label="Việt Nam">
                            <?php foreach ($zones as $zone) { ?>
                                <option class="opt-indent" value="<?php echo $zone->zone_id ?>"><?php echo $zone->name ?></option>
                            <?php } ?>
                        </optgroup>
                    </select>
                </div>
                <div id="qsSpe">
                    <select id="specialization" name="specialization">
                        <option value=""><?php echo $lang['text_select_specialization'] ?></option>
                        <?php foreach ($industry_list as $category => $industries) { ?>
                            <optgroup label="<?php echo $category ?>" class="optgroup">
                                <?php foreach ($industries as $industry) { ?>
                                    <option class="opt-indent" value="<?php echo $industry->industry_id ?>"><?php echo $industry->name ?></option>
                                <?php } ?>
                            </optgroup>
                        <?php } ?>
                    </select>
                </div>
                <div id="qsPos">
                    <select id="position" name="position">
                        <option value=""><?php echo $lang['text_select_position'] ?></option>
                        <?php foreach ($positions as $position) { ?>
                            <option value="<?php echo $position->position_id ?>"><?php echo $position->name ?></option>
                        <?php } ?>
                    </select>
                </div>
                <input type="hidden" value="1" name="ss">
                <input type="hidden" value="search" name="by">
                <input type="hidden" value="11" name="src">
            </form>
        </div>
        <div class="clear"></div>

        <div class="dark_background" style="float:right; position:relative; right:40px; top:22px;">
            <a title="<?php echo $lang['text_find_enhance']; ?>" href="<?php echo site_url('search/advance_search') ?>"><u><?php echo $lang['text_find_enhance']; ?></u></a>
        </div>
        <div style="float:right; position:relative; right:55px; top:15px;">
            <a onclick="javascript:if(document.frmSearch.key.value=='<?php echo $lang['text_input_find'] ?>') { document.frmSearch.key.value=''; } document.frmSearch.submit();" href="#" class="large mybutton yellow"><?php echo $lang['text_find'] ?></a>
        </div>
    </div>
</div>
<div class="clear"></div>

<div class="container">
    <div class="column1">
        <h2><?php echo $lang['text_list_job'] ?></h2>
        <div class="jobs_bg">
            <div class="jobs_bg_content dark_background">
            </div>
            <ul class="tabs">
                <li class="active"><a title="<?php echo $lang['tab_specializations'] ?>" href="#specializations"><?php echo $lang['tab_specializations'] ?></a></li>
                <li><a title="<?php echo $lang['tab_locations'] ?>" href="#locations"><?php echo $lang['tab_locations'] ?></a></li>
                <li><a title="<?php echo $lang['tab_position'] ?>" href="#positionlevels"><?php echo $lang['tab_position'] ?></a></li>
            </ul>
            <div class="tab_container">


                <div class="tab_content" id="specializations">
                    <?php $i = 0; ?>
                    <?php foreach ($industry_list as $category => $industries) { ?>
                        <div id="<?php echo ($i % 2 == 0) ? 'spec-left' : 'spec-right' ?>">
                            <?php $i++ ?>
                            <span id="spec-header">
                                <a title="<?php echo $category ?>" href="#"><?php echo $category ?></a>
                            </span>
                            <br>
                            <?php foreach ($industries as $industry) { ?>
                                <a title="<?php echo $industry->name ?>" href="<?php echo site_url('industry/' . $industry->industry_id) ?>"><?php echo $industry->name ?></a>
                                <br>
                            <?php } ?>
                            <br>
                        </div>
                    <?php } ?>
                    <div class="clear"></div>
                </div>
                <div style="display:none" class="tab_content" id="locations">
                    <?php foreach ($zones as $key => $zone) { ?>
                        <?php if ($key == 0) { ?>
                            <div class="l">
                            <?php } ?>

                            <?php if ($key == (int) count($zones) / 2) { ?>    
                                <br><br>
                            </div>

                            <div class="r">
                            <?php } ?>
                            <a title="<?php echo $zone->name ?>" href="<?php echo site_url('zone/' . $zone->zone_id) ?>"><?php echo $zone->name ?></a>
                            <br>
                            
                            <?php if ($key == count($zones) - 1) { ?>  
                                <br><br>
                            </div>
                        <?php } ?>
                    <?php } ?>

                </div>
                <div style="display:none" class="tab_content" id="positionlevels">

                    <?php foreach ($positions as $key => $position) { ?>
                        <?php if ($key == 0) { ?>
                            <div class="l">
                            <?php } ?>

                            <?php if ($key == ceil(count($positions) / 2)) { ?>    
                                <br><br>
                            </div>

                            <div class="r">
                            <?php } ?>
                            <a title="<?php echo $position->name ?>" href="<?php echo site_url('zone/' . $position->position_id) ?>"><?php echo $position->name ?></a>
                            <br>
                            <br>
                            
                            <?php if ($key == count($positions) - 1) { ?>  
                                <br><br>
                            </div>
                        <?php } ?>
                    <?php } ?>
                    <div class="clear"></div>
                </div>
                <script type="text/javascript">
                           
                    //Curve top border
                    $("ul.tabs li").click(function() {
                        $("ul.tabs li").removeClass("active"); //Remove any "active" class
                        $(this).addClass("active"); //Add "active" class to selected tab
                        $(".tab_content").hide(); //Hide all tab content
                        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
                        $(activeTab).fadeIn(); //Fade in the active content
                        return false;
                    });
                </script>
            </div>
        </div>
        <div class="clear"></div>
        <br>
        <script type="text/javascript">
            $('.blur').focus(function(){
                var strTitle = this.title;
                if(this.value==strTitle){
                    this.value='';
                    $(this).removeClass('blur');
                }
            }).blur(function(){
                var strTitle = this.title;
                if(this.value==''){
                    this.value=strTitle;
                    $(this).addClass('blur');
                }
            });
        </script>
    </div>
    <div class="column2">
        <div class="top_logo">
            <ul class="logo_tab">
                <li id="top_e"><span title="Nhà Tuyển Dụng Hàng Đầu ở Vietnam">Nhà Tuyển Dụng <br> HÀNG ĐẦU</span></li>
            </ul>
            <div class="logo_tab_container">
                <div id="topemployers" class="logo_tab_content">
                    <table border="0" id="topemployers">
                        <tbody>
                            <tr>
                                <td>
                                    <a href="#" title="DHL">
                                        <img border="0" src="http://www.jobstreet.vn/banner/2013/dhl_te.gif">
                                    </a>
                                </td>
                                <td>
                                    <a href="#" title="Robert Bosch Vietnam Co., Ltd">
                                        <img border="0" src="http://www.jobstreet.vn/banner/2012/Bosch_te.gif">
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="#" title="DHL">
                                        <img border="0" src="http://www.jobstreet.vn/banner/2013/dhl_te.gif">
                                    </a>
                                </td>
                                <td>
                                    <a href="#" title="Robert Bosch Vietnam Co., Ltd">
                                        <img border="0" src="http://www.jobstreet.vn/banner/2012/Bosch_te.gif">
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="#" title="DHL">
                                        <img border="0" src="http://www.jobstreet.vn/banner/2013/dhl_te.gif">
                                    </a>
                                </td>
                                <td>
                                    <a href="#" title="Robert Bosch Vietnam Co., Ltd">
                                        <img border="0" src="http://www.jobstreet.vn/banner/2012/Bosch_te.gif">
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="column3">
        <div class="banners">

            <script src="http://banners-sg.jobstreet.com/banner/java.asp?id=2122" type="text/javascript" language="javascript"></script>


        </div>
    </div>
</div>
<div class="clear"></div>